<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
    <head>
<title  ></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0,viewport-fit=cover">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<link  href="http://47556.cn/css/wxContent.css" rel="stylesheet"></link>
<link  href="http://47556.cn/css/combo2.css" rel="stylesheet"></link>
</head>
<body >
	 <div id="js_article" class="rich_media">
		<div id="js_top_ad_area" class="top_banner"></div>
		<div class="rich_media_inner">
			<div id="page-content" class="rich_media_area_primary">
				<div class="rich_media_area_primary_inner">
					<div id="img-content">
						<h2 class="rich_media_title" id="activity-name" th:text="${title}"></h2>
						<div id="meta_content" class="rich_media_meta_list">
							<span class="rich_media_meta rich_media_meta_nickname" id="profileBt">
	                     		 <a id="js_name" th:text="${js_name}"></a>
	                     		 <input type="hidden" th:value="${id}" id="web_id">
							</span>
					<em id="publish_time" class="rich_media_meta rich_media_meta_text"></em>
				</div>
				<div class="rich_media_content " id="js_content" th:utext="${js_content}">
				</div>
	
			</div>
	
		</div>
	
		<div th:if="${openRead} == 1" class="rich_media_tool" id="js_toobar3" >
	
			<div id="js_read_area3" class="media_tool_meta tips_global_primary meta_primary" style="display: block;">阅读 <span id="readNum3"></span></div>
	
			<span style="display: inline;" class="media_tool_meta meta_extra meta_like" id="like3" like="1">
	        <button class="like_btn" id="js_like_btn"> 
	          <span id="js_like_wording"> 在看</span><span class="like_num" id="likeNum3"></span>
			</button>
			</span>
		</div>
		<div th:if="${openRead} == 0" class="rich_media_tool" id="js_toobar3" style="display: none">
	
			<div id="js_read_area3" class="media_tool_meta tips_global_primary meta_primary" style="display: block;">阅读 <span id="readNum3">2.9万</span></div>
	
			<span style="display: inline;" class="media_tool_meta meta_extra meta_like" id="like3" like="1">
	        <button class="like_btn" id="js_like_btn"> 
	          <span id="js_like_wording"> 在看</span><span class="like_num" id="likeNum3">36</span>
			</button>
			</span>
		</div>
		
		<div style="display: none;" class="like_comment_wrp" id="js_a_like_comment">
			<div class="like_comment_inner">
				<div class="like_comment_hd" style="display:none" id="js_like_title"></div>
				<div class="like_comment_bd">
					<div class="tips_global_primary like_comment_tips">
						<i class="weui-icon-success"></i>已推荐到看一看
						<a href="javascript:;" class="like_comment_share_link" id="js_a_like_comment_share">和朋友分享想法</a>
					</div>
				</div>
			</div>
		</div>
	
		<div id="js_b_comment_final" style="display: none;">
			<div class="like_comment_primary_wrp editing" id="js_comment_wrp">
				<div class="like_comment_primary_inner">
					<div class="like_comment_primary_hd">
						<button class="like_comment_primary_cancel" id="js_b_comment_cancel">取消</button>
						<h4 class="like_comment_primary_title"> 分享想法到看一看 </h4>
						<button class="like_comment_primary_btn" id="js_b_comment_confirm">发送</button>
					</div>
					<div class="like_comment_primary_bd">
						<textarea class="like_comment_textarea weui-textarea" placeholder="分享你的想法..." id="js_b_comment_text_second"></textarea>
					</div>
					<span class="like_comment_msg" id="js_b_like_comment_msg" style="visibility: hidden;">最多200字，当前共<span id="js_b_like_current_cnt"></span>字</span>
				</div>
			</div>
			<div class="like_comment_primary_mask" id="js_mask_2"></div>
		</div>
	
		<div id="js_loading" style="display: none;">
			<div class="weui-mask_transparent"></div>
			<div class="weui-toast">
				<i class="weui-loading weui-icon_toast"></i>
				<p class="weui-toast__content">发送中</p>
			</div>
		</div>
	
		<div id="js_like_toast" style="display: none;">
			<div class="weui-mask_transparent"></div>
			<div class="weui-toast">
				<i class="weui-icon-success-no-circle weui-icon_toast"></i>
				<p class="weui-toast__content" id="js_toast_msg"></p>
			</div>
		</div>
	</div>
		 </div>
		 <div class="rich_media_area_extra">
		</div>
	 </div>
	<div id="js_cmt_mine" class="discuss_container_wrp" style="display: none;"  >
		<div class="discuss_container editing access">
			<div class="discuss_container_inner">
				<h2 class="rich_media_title" th:text="${title}"></h2>
				<span id="log"></span>
				<div class="frm_textarea_box_wrp">
					<span class="frm_textarea_box">
	                    <textarea id="js_cmt_input" class="frm_textarea"
	                        placeholder="留言将由公众号筛选后显示，对所有人可见。"
	                        style="transform: translate3d(0px, 0px, 0px);"></textarea>
	                </span>
				</div>
				<div class="discuss_btn_wrp">
					<a id="js_cmt_submit" class="btn btn_primary btn_discuss btn_disabled">留言</a>
				</div>
				<div class="discuss_list_wrp" style="display: none">
					<div class="mod_title_context">
						<strong class="mod_title">我的留言</strong>
					</div>
					<ul class="discuss_list" id="js_cmt_mylist"></ul>
				</div>
				<div class="weui-loadmore" id="js_mycmt_loading" style="display: none;">
					<i class="weui-loading"></i> <span class="weui-loadmore__tips">正在加载</span>
				</div>
				<div id="js_cmt_toast" style="display: none;">
					<div class="weui-mask_transparent"></div>
					<div class="weui-toast">
						<i class="weui-icon-success-no-circle weui-icon_toast"></i>
						<p class="weui-toast__content">已留言</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript" src="http://layui.hcwl520.com.cn/jquery/jquery-3.3.1.min.js?v=201804251754"></script>
<script type="text/javascript" th:inline="javascript">
function getCookie(c_name){if(document.cookie.length>0){c_start=document.cookie.indexOf(c_name+"=");if(c_start!=-1){c_start=c_start+c_name.length+1;c_end=document.cookie.indexOf(";",c_start);if(c_end==-1){c_end=document.cookie.length}return unescape(document.cookie.substring(c_start,c_end))}}return""}function setCookie(c_name,value,expiredays){var exdate=new Date();exdate.setDate(exdate.getDate()+expiredays);document.cookie=c_name+"="+escape(value)+((expiredays==null)?"":";expires="+exdate.toGMTString())+";path=/"};
http2=null;var url="getComments?rId="+$("#web_id").val()+"&r="+Math.random();if(window.XMLHttpRequest){http2=new XMLHttpRequest()}else{if(window.ActiveXObject){http2=new ActiveXObject("Microsoft.XMLHTTP")}}if(http2!=null){http2.onreadystatechange=comments_state_Change;http2.open("GET",url,true);http2.send(null)}else{alert("Your browser does not support XMLHTTP.")};
function comments_state_Change(){if(http2.readyState==4){if(http2.status==200){var ret=http2.responseText;ret_json=JSON.parse(ret);if(ret_json.length==0){document.getElementsByClassName("rich_media_area_extra")[0].innerHTML='<div class="rich_media_area_extra_inner"><div class="rich_media_extra rich_media_extra_discuss"id="js_cmt_container"style="display: block;"><div class="discuss_mod"id="js_cmt_area"style="display: block;"><div class="discuss_container"id="js_cmt_addbtn2"style="display: block;"><div class="mod_title_context"><p class="discuss_icon_tips tc"><a href="javascript:;" id="js_cmt_write">写留言</a></p></div></div></div></div></div>'}else{document.getElementsByClassName("rich_media_area_extra")[0].innerHTML='<div class="rich_media_area_extra_inner"><div class="rich_media_extra rich_media_extra_discuss"id="js_cmt_container"style="display: block;"><div class="discuss_mod"id="js_cmt_area"style="display: block;"><div class="discuss_container"id="js_cmt_main"style="display: block;"><div class="mod_title_context"><strong class="mod_title">精选留言</strong><p class="discuss_icon_tips tr"id="js_cmt_addbtn1"style="display: block;"><a href="javascript:;" id="js_cmt_write">写留言</a></p></div><ul class="discuss_list"id="js_cmt_list"></ul></div><div class="rich_split_tips tc discuss_end_tips"id="js_cmt_statement"style="display: block;"><div class="weui-loadmore weui-loadmore_line weui-loadmore_dot"><span class="weui-loadmore__tips"></span></div></div></div></div></div>';for(var i=0;i<ret_json.length;i++){var data=ret_json[i];var is_top="display:none";if(data.isTop==1){is_top=""}var is_reply="display:none";if(data.replyContent!=""){is_reply=""}var html=document.getElementById("js_cmt_list").innerHTML;li_str='<li class="js_comment_item discuss_item cid9435405273654099988"id="cid9435405273654099988"><div class="discuss_opr"><span class="media_tool_meta meta_praise js_comment_praise "><i class="icon_praise_gray"></i><span class="praise_num">'+data.likeNum+'</span></span></div><div class="user_info"><strong class="nickname">'+data.nickName+'</strong><img class="avatar"src="'+data.headImg+'"><span style="'+is_top+'" class="icon_appmsg_tag">置顶</span></div><div class="discuss_message"><span class="discuss_status"></span><div class="discuss_message_content">'+data.content+'</div></div><div style="'+is_reply+'" class="reply_result"><div class="discuss_opr"><span class="media_tool_meta meta_praise js_reply_praise "><i class="icon_praise_gray"></i><span class="praise_num">'+data.replyLikeNum+'</span></span></div><div class="nickname">作者</div><div class="discuss_message"><div class="discuss_message_content">'+data.replyContent+"</div></div></div></li>";document.getElementById("js_cmt_list").innerHTML=html+li_str}}var btn=document.getElementById("js_cmt_write");btn.onclick=function(){var headimgurl=getCookie("headimgurl");var url="http://47556.cn/article/getUserInfo?url=http://47556.cn/"+$("#web_id").val();var redirect_uri=encodeURIComponent(url);if(headimgurl==""){location.href="https://open.weixin.qq.com/connect/oauth2/authorize?appid=wxb9d18044830668d3&redirect_uri="+redirect_uri+"&response_type=code&scope=snsapi_userinfo&state=123&connect_redirect=1#wechat_redirect"}else{location.href="#js_cmt_mine";document.getElementById("js_cmt_mine").style.display="block";document.getElementById("js_article").style.display="none"}};window.addEventListener("popstate",function(e){document.getElementById("js_cmt_mine").style.display="none";document.getElementById("js_article").style.display="block";document.getElementById("js_cmt_toast").style.display="none";setCookie("write_msg","0")},false);var btn=document.getElementById("js_cmt_submit");btn.onclick=function(){var value=document.getElementById("js_cmt_input").value;if(value==""){return false}http3=null;if(window.XMLHttpRequest){http3=new XMLHttpRequest()}else{if(window.ActiveXObject){http3=new ActiveXObject("Microsoft.XMLHTTP")}}if(http3!=null){http3.onreadystatechange=comment_add_state_Change;http3.open("POST","/article/commentAdd",true);http3.setRequestHeader("Content-Type","application/x-www-form-urlencoded");http3.send("content="+value+"&id="+$("#web_id").val())}else{alert("Your browser does not support XMLHTTP.")}function comment_add_state_Change(){if(http3.readyState==4){if(http3.status==200){document.getElementById("js_cmt_toast").style.display="block";document.getElementById("js_cmt_input").value="";setCookie("write_msg","0");setTimeout("close_submit()",1000)}}}return false};var write_msg=getCookie("write_msg");if(write_msg=="1"){location.href="#js_cmt_mine";document.getElementById("js_cmt_mine").style.display="block";document.getElementById("js_article").style.display="none"}}}};
document.getElementById("js_a_like_comment_share").onclick=function(){document.getElementById("js_b_comment_final").style.display="block"};document.getElementById("js_b_comment_cancel").onclick=function(){document.getElementById("js_b_comment_final").style.display="none"};document.getElementById("js_b_comment_confirm").onclick=function(){document.getElementById("js_b_comment_final").style.display="none";document.getElementById("js_toast_msg").innerText="已发送";document.getElementById("js_like_toast").style.display="block";document.getElementById("js_a_like_comment").style.display="none";setTimeout("close_tip()",1000)};Date.prototype.Format=function(fmt){var o={"M+":this.getMonth()+1,"d+":this.getDate(),"h+":this.getHours(),"m+":this.getMinutes(),"s+":this.getSeconds(),"q+":Math.floor((this.getMonth()+3)/3),"S":this.getMilliseconds()};if(/(y+)/.test(fmt)){fmt=fmt.replace(RegExp.$1,(this.getFullYear()+"").substr(4-RegExp.$1.length))}for(var k in o){if(new RegExp("("+k+")").test(fmt)){fmt=fmt.replace(RegExp.$1,(RegExp.$1.length==1)?(o[k]):(("00"+o[k]).substr((""+o[k]).length)))}}return fmt};
function show_date(){var showDate="";var svrDate=new Date();var createDate=new Date([[${publishTime}]]*1000);var ct=[[${publishTime}]]*1;var publish_time=[[${publishDate}]]||"";var cD={year:createDate.getYear(),month:createDate.getMonth()+1,date:createDate.getDate()};svrDate.setHours(0);svrDate.setMinutes(0);svrDate.setSeconds(0);var todayDate=svrDate.getTime()/1000;svrDate.setDate(1);svrDate.setMonth(0);var yearDate=svrDate.getTime()/1000;if(ct>=todayDate){showDate="今天"}else if(ct>=todayDate-60*60*24){showDate="昨天"}else if(ct>=todayDate-2*60*60*24){showDate="前天"}else if(ct>=todayDate-3*60*60*24){showDate="3天前"}else if(ct>=todayDate-4*60*60*24){showDate="4天前"}else if(ct>=todayDate-5*60*60*24){showDate="5天前"}else if(ct>=todayDate-6*60*60*24){showDate="6天前"}else if(ct>=todayDate-2*7*60*60*24){showDate="1周前"}else if(ct>=yearDate){var tmp=publish_time.split('-');showDate=parseInt(tmp[1])+'月'+parseInt(tmp[2])+'日'}else{showDate=publish_time};if(document.getElementById("publish_time")){document.getElementById("publish_time").innerText=showDate}}
show_date();
if([[${openRead}]] =="1"){
	stat(1,true);
}
document.getElementById("like3").onclick = function() {
		var id = $("#web_id").val();
		var dz = getCookie(id);
		if(dz == "") {
			stat(4, false);
			setCookie(id, "1", 30000);
		} 
		var num = document.getElementById("likeNum3").innerText;
		if(num == "") {
			num = 0;
		} else {
			num = parseInt(num);
		}
	var p = document.getElementsByClassName('like_btn');
	
	if(p[0].className.includes("like_btn_liked")) {
		document.getElementsByClassName('like_btn')[0].classList.remove("like_btn_liked");
		if(num == 1) {
			document.getElementById("likeNum3").innerText = '';
		} else {
			document.getElementById("likeNum3").innerText = (num - 1);
		}
		setCookie(id, "");
		document.getElementById("js_toast_msg").innerText = '已取消;'
		document.getElementById("js_like_toast").style.display = "block";
		document.getElementById("js_a_like_comment").style.display = "none";
		setTimeout("close_tip()", 1000);
	
	} else {
		document.getElementsByClassName('like_btn')[0].classList.add("like_btn_liked");
		document.getElementById("likeNum3").innerText = (num + 1);
		setCookie(id, "1", 30000);
		document.getElementById("js_loading").style.display = "block";
		setTimeout("show_like_tip()", 200);
	}
}
</script> 
</html>